<template>
    <div class="rechargeRecord">
        <el-table
            :data="tableData"
            style="width:100%; text-align:center;color:#fff;"               
            >
            <el-table-column
                prop="cardNum"
                label="入金账户"
                align="center"
                >
            </el-table-column>
            <el-table-column
                prop="hbAccountId"
                label="目标账户"
                align="center"
                >
            </el-table-column>
            <el-table-column
                prop="moneyNum"
                label="金额数量"
                align="center"
                >
            </el-table-column>
            <el-table-column
                prop="tradeTime"
                label="交易时间"
                align="center"
                >
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
import {mapState} from 'vuex'
import {getRecharge} from '@/ajax/index'
export default {
    name:'RechargeRecord',
    data(){
        return{
            tableData: []
        }
    },
    mounted(){
        this.getRechargeLsit()
    },
    methods:{
        async getRechargeLsit(){
            console.log(this.$store.state)
            const param = {
                'customerId': '598240017348820992' || this.$store.state.userId,
                'pageNum':1,
                'pageSize':2
            }
            const result = await getRecharge(param)
            if(result.code === '200' && result.data.state === '1'){
                this.tableData = result.data.data.list;
            }else{
                this.$alert(result.data.message,'富易')
            }
        }
    }

}
</script>

<style>
.rechargeRecord .el-table th,.el-table tr {cursor: pointer; background-color:#1b1c38;border-bottom: 1px solid #2e2f4d!important;}
.rechargeRecord .el-table__header-wrapper{background-color:#1b1c38;}
.rechargeRecord .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:#65667a;opacity: 0.3;}
.rechargeRecord .el-table td, .el-table th.is-leaf{border-bottom: 1px solid #2e2f4d!important;}
.rechargeRecord .el-table th>.cell {font-size: 12px;font-weight: lighter;color: #72729C}
.rechargeRecord .el-table::before{height: 0px;}
.rechargeRecord .el-table__empty-block{background-color: #1b1c38;padding-top: 40px;}
</style>


<style lang="less" scoped>
.rechargeRecord{
    margin-top: 80px;
   
}
</style>

